<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>入汕人员信息登记</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <style type="text/css">
      html,body{ background-color: #fff;}

    </style>
  </head>
  <body id="app">
    <section class="padB25 fillBox">
        <div class="pad24 colorR font34 bold line15">为了您和他人的健康，请对您所填写的资料的真实性、准确性负责。</div>
        <ul class="fillList borderB">
            <li class="fillItem">
                <span class="colorB font28">基本信息</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">姓名</span>
                <input class="itemValue font28" placeholder="请输入您的姓名"  value="">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">性别</span>
                <select class="itemSelect font28">
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
            </li>
            <li class="cameraBox">
                <div class="fillItem">
                    <span class="itemName font28">身份证号</span>
                    <input class="itemValue font28" placeholder="请输入您的身份证号码"  value="">
                    <i class="j_camera marL24 fa fa-camera colorB" aria-hidden="true"></i>
                </div>
                <div class="dn j_cameraList">
                    <div class="cameraList">
                        <div class="cameraItem j_158">
                            <!-- <div class="cameraTip">
                                <i class="fa fa-camera color92" aria-hidden="true"></i>
                                <div class="padT24 font28">上传身份证正面</div>
                            </div> -->
                            <img data-src="images/v2_q5qbwk.png" class="loadImg cameraTip">
                            <input type="file" class="uploadImg">
                        </div>
                        <div class="cameraItem j_158">
                            <div class="cameraTip">
                                <i class="fa fa-camera color92" aria-hidden="true"></i>
                                <div class="padT24 font28">上传身份证反面</div>
                            </div>
                            <input type="file" class="uploadImg">
                        </div>
                    </div>
                </div>
            </li>
            <li class="fillItem">
                <span class="itemName font28">手机号码</span>
                <input class="itemValue font28" placeholder="请输入您的手机号码"  value="">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">入汕方式</span>
                <select class="itemSelect font28">
                    <option value="火车">火车</option>
                    <option value="高铁">高铁</option>
                </select>
            </li>
            <li class="cameraBox">
                <div class="fillItem">
                    <span class="itemName font28">车次</span>
                    <input class="itemValue font28" placeholder="请输入入汕火车车次"  value="">
                    <i class="j_camera marL24 fa fa-camera colorB" aria-hidden="true"></i>
                </div>
                <div class="dn j_cameraList">
                    <div class="cameraList">
                        <div class="cameraItem j_158">
                            <div class="cameraTip">
                                <i class="fa fa-camera color92" aria-hidden="true"></i>
                                <div class="padT24 font28">上传火车票正面</div>
                            </div>
                            <input type="file" class="uploadImg">
                        </div>
                    </div>
                </div>
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">来源地</span>
                <input class="itemValue font28" placeholder="请选择"  value="">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">目的地</span>
                <input class="itemValue font28" placeholder="请选择"  value="">
            </li>
            <li class="fillItem">
                <span class="colorB font28">个人情况（14天内）</span>
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">当前是否有发烧或咳嗽等症状</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">14天内是否经过湖北</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">14天内是否经过温州</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">14天内是否与确诊患者接触</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
        </ul>
        <ul class="fillList borderB">
            <li class="fillItem">
                <span class="colorB font28">同行人（1）</span>
                <span class="delBtn font28">删除</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">姓名</span>
                <input class="itemValue font28" placeholder="请输入您的姓名"  value="">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">性别</span>
                <select class="itemSelect font28">
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">身份</span>
                <select class="itemSelect font28">
                    <option value="1">老人</option>
                    <option value="2">成人</option>
                    <option value="3">儿童</option>
                </select>
            </li>
            <li class="cameraBox">
                <div class="fillItem">
                    <span class="itemName font28">身份证号</span>
                    <input class="itemValue font28" placeholder="请输入您的身份证号码"  value="">
                    <i class="j_camera marL24 fa fa-camera colorB" aria-hidden="true"></i>
                </div>
                <div class="dn j_cameraList">
                    <div class="cameraList">
                        <div class="cameraItem j_158">
                            <div class="cameraTip">
                                <i class="fa fa-camera color92" aria-hidden="true"></i>
                                <div class="padT24 font28">上传身份证正面</div>
                            </div>
                            <input type="file" class="uploadImg">
                        </div>
                        <div class="cameraItem j_158">
                            <div class="cameraTip">
                                <i class="fa fa-camera color92" aria-hidden="true"></i>
                                <div class="padT24 font28">上传身份证反面</div>
                            </div>
                            <input type="file" class="uploadImg">
                        </div>
                    </div>
                </div>
            </li>
            <li class="fillItem">
                <span class="itemName font28">手机号码</span>
                <input class="itemValue font28" placeholder="请输入您的手机号码"  value="">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">当前是否有发烧或咳嗽等症状</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">14天内是否经过湖北</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">14天内是否经过温州</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
            <li class="fillItem arrow">
                <span class="itemName font28">14天内是否与确诊患者接触</span>
                <input class="itemValue font28" placeholder="请选择"  value="否">
            </li>
        </ul>
        <ul class="fillList">
            <li class="fillItem" style="align-items: flex-start;">
                <span class="check_circle checkOn" style="height: 1.2rem;"></span>
                <span class=" colorR font34 bold line15">上述填写内容真实完整。如有不实,本人愿承担法律责任。</span>
            </li>
        </ul>
        <div class='footer'>
          <span class="textBtn">添加同行人（2）</span>
          <span class="textBtn">提交</span>
        </div>
    </section>

    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript">

        myJS.imgScale('.j_1', '1', '1');
        myJS.ImgFull('.loadImg','images/error.png');
        $(function(){
            $('.j_camera').click(function(){
                var cameraList = $(this).parents('.cameraBox').find('.j_cameraList');
                if(cameraList.length>0){
                    if(cameraList.css("display")=="none"){
                        cameraList.show();
                        myJS.imgScale('.j_158', '158', '100');
                        myJS.ImgFull('.loadImg','images/error.png');
                    }else {
                         cameraList.hide();
                    }
                }
            })
            $('.j_cancel').click(function(){
                  $('.popbg,.popBox').hide();
            })
            $('#nav div').click(function () {
                $('.friendsList').animate({scrollTop: $("#" + this.className).offset().top + $('.friendsList').scrollTop() - $('.pop_text').outerHeight() - $('.goodItem').eq(1).offset().top}, 500);

            });
        })
    </script>
  </body>
</html>
